import React from 'react'
import "../../styles/font_sidebar/iconfont.css"
import "../../styles/sidebar/content.css"

class Content extends React.Component {
    render() {
        return (
            <div className='sid-content-wrap'>
                <div className='sid-content'>
                    <div className="cont-nav">
                        <ul className='cont-list clearfix'>
                            <li>
                                <span className="iconfont">&#xe65c;</span>
                                <p>我的消息</p>
                            </li>
                            <li>
                                <span className="iconfont">&#xe501;</span>
                                <p>我的好友</p>
                            </li>
                            <li>
                                <span className="iconfont">&#xe652;</span>
                                <p>个性换肤</p>
                            </li>
                            <li>
                                <span className="iconfont">&#xe6e8;</span>
                                <p>听歌识曲</p>
                            </li>
                        </ul>
                    </div>
                    <div className='shop-nav'>
                        <ul className='shop-list'>
                            <li>
                                <span className="iconfont">&#xe659;</span>
                                <p>演出</p>
                            </li>
                            <li>
                                <span className="iconfont">&#xe6af;</span>
                                <p>商城</p>
                            </li>
                            <li>
                                <span className="iconfont">&#xe60b;</span>
                                <p>附近的人</p>
                            </li>
                        </ul>
                    </div>
                    <div className="play-nav">
                        <ul className='play-list'>
                            <li>
                                <span className="iconfont">&#xe661;</span>
                                <p>定时停止播放</p>
                            </li>
                            <li>
                                <span className="iconfont">&#xe660;</span>
                                <p>扫一扫</p>
                            </li>
                            <li>
                                <span className="iconfont">&#xe62e;</span>
                                <p>音乐闹钟</p>
                            </li>
                            <li>
                                <span className="iconfont">&#xe657;</span>
                                <p>在线听歌免流量</p>
                            </li>
                            <li>
                                <span className="iconfont">&#xe647;</span>
                                <p>游戏推荐</p>
                            </li>
                            <li>
                                <span className="iconfont">&#xe605;</span>
                                <p>优惠券</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        )
    }
}

export default Content